<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>
  <title>Thrive Mobile Application</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

	<link rel="stylesheet" href="../../scripts/jquery.mobile-1.0.1/jquery.mobile-1.1.0-rc.1.min.css" type="text/css" />
    <link rel="stylesheet" href="../../scripts/jquery.mobile-1.0.1/thrive-theme.css" type="text/css">
    <script src="../../scripts/jquery.mobile-1.0.1/jquery-1.6.4.min.js" type="text/javascript"></script>
    <script src="../../scripts/Thrive.js"  type="text/javascript"></script>
    <script src="../AccountControl/AccountControl.js" type="text/javascript"></script>
    <script src="Believe.js" type="text/javascript"></script>
    <script src="../Feel/Feel.js" type="text/javascript"></script>
    <script src="../../scripts/jquery.mobile-1.0.1/jquery.mobile-1.1.0-rc.1.min.js" type="text/javascript"></script>
    <link rel="stylesheet" href="../../css/style.css" type="text/css" />
</head>

<body>
    <div id="believe" data-role="page" data-theme="a">
    
    <script type="text/javascript">
		$("#believe").live('pagecreate', function() {
			believe_prefetch();
		});
		
		$("#believe").live('pagebeforeshow', function() {
			currentPage = "believe.html";
		});
		
		$(".popup_container").live('click', function() {
			removePopup();
		});
		
		$(".popup_container").live('tap', function() {
			removePopup();
		});
		
		$(".popup_container").bind('touchstart', function()  {
			removePopup();
		});
		
		$("#nextBelieve").live('click', function() {
			saveBelieveData();
		});
	</script>
    
    <div class="popup_container" style="display:none;">
        <div class="popup"></div>
    </div>
    
    <div data-role="header" data-theme="a">
    	<a href="../../index.html" data-role="button" data-icon="arrow-l">Thrive</a>
        <h1>Believe</h1>
        <a href="info.html" data-icon="info">Info</a>
    </div>
    
    <div data-role="content" data-theme="a">
   		<div id="info">
            <p>Please read the following statements and move the slider to indicate how
                much like you the statement is:</p>
                <ul>
                <li>1 indicates the statement is completely untrue of me.</li>
                <li>6 indicates the statement describes me perfectly.</li>
                </ul>
        	</p>
    	</div>
    
        <form id="believe_form_1" selected="true">
            <fieldset>
            
            	<div class="row">
                <label for="slider-0">I believe in myself:</label>
                <input type="range" name="q1" id="slider-0" value="3" min="1" max="6" data-highlight="true" onkeypress="validate(event)" />
                </div>
                
                <div class="row">
                <label for="slider-1">I feel I can depend on people to keep my secrets:</label>
                <input type="range" name="q2" id="slider-1" value="3" min="1" max="6" data-highlight="true" onkeypress="validate(event)" />
                </div>
                
                <div class="row">
                <label for="slider-2">I believe things will turn out well:</label>
                <input type="range" name="q3" id="slider-2" value="3" min="1" max="6" data-highlight="true" onkeypress="validate(event)" />
                </div>
                
                <div class="row">
                <label for="slider-3">I feel comfortable depending on people:</label>
                <input type="range" name="q4" id="slider-3" value="3" min="1" max="6" data-highlight="true" onkeypress="validate(event)" />
                </div>
                
                <div class="row">
                <label for="slider-4">I have the ability to be successful:</label>
                <input type="range" name="q5" id="slider-4" value="3" min="1" max="6" data-highlight="true" onkeypress="validate(event)" />
                </div>
                
                <div class="row">
                <label for="slider-5">I can deal well with difficult situations:</label>
                <input type="range" name="q6" id="slider-5" value="3" min="1" max="6" data-highlight="true" onkeypress="validate(event)" />
                </div>
                
                <div class="row">
                <label for="slider-6">I know how to find something good in every situation:</label>
                <input type="range" name="q7" id="slider-6" value="3" min="1" max="6" data-highlight="true" onkeypress="validate(event)" />
                </div>
                
                <div class="row">
                <label for="slider-7">I think I have many good qualities:</label>
                <input type="range" name="q8" id="slider-7" value="3" min="1" max="6" data-highlight="true" onkeypress="validate(event)" />
                </div>
                
                <div class="row">
                <label for="slider-8">I trust people:</label>
                <input type="range" name="q9" id="slider-8" value="3" min="1" max="6" data-highlight="true" onkeypress="validate(event)" />
                </div>
                
                <div class="row">
                <label for="slider-9">I can adapt to new situations:</label>
                <input type="range" name="q10" id="slider-9" value="3" min="1" max="6" data-highlight="true" onkeypress="validate(event)" />
                </div>
            </fieldset>
            <a id="nextBelieve" href="believe2.html" type="submit" data-role="button">Next</a>
        </form>
    
    </div>
    
    </div>
</body>

</html>
